<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>教导读书会·注册</title>
    <link rel="stylesheet" href="{{asset('css/style.css')}}">
    <script type="text/javascript" src="{{asset('js/jquery.min.js?dd')}}"></script>
    <script type="text/javascript" src="{{asset('js/js.js?dd')}}"></script>
    <script type="text/javascript" src="{{asset('js/weblogin.js?ddd')}}"></script>

    <style>
        #txtMobile,#txtMobileCode{
            width:60%;
        }
        #country,#btnCode{
            width:40%;
            height:100%;
        }

        #country{
            box-shadow: none;
            border:none;
            border-left:1px solid #ddd;
            float: right;
            border-radius: 0;
            text-align: center;
            font-size:1.5rem;
        }
        #country option{
            text-align: center;
        }
    </style>
    <script>
        var appRoot = "{{asset('')}}";
    </script>
</head>


<body class="hsbg">
@include('errors.error')
<img src="{{asset('images/weixin/i-top.png')}}" alt="教导读书会">

<div class="head-jion wrap index-top">
    <p>教导读书会由国内最著名的人本管理、心本管理专家侯志奎先生创立。早在十七年前，他通过研究学校、家庭、宗教、军队这四大组织，创立了教导型组织。建立企业学校化、领导导师化的学习模式。
        教导读书会旨在推动教育引导的管理模式。通过读书、读人、读事重塑企业基因，再造企业自创能力。</p>
    <p>帮助企业打造人人学习官，人人为师，相互教导，众智共享的自学习社群。</p>
    <p>推动橙色星期三，众智共享日。通过每周三读书引发，引导大家专题讨论，人人共享。工作得以创新、人才得以培养的一种全新学习模式，也是心本时代的新型管理模式。</p>
</div>


<div class="text-con wrap" style="margin-bottom:0;">
    <div class="jion-box">
        @if($parentGradeName)
            <h3 class="title" style="color:rgb(245,166,35);"><strong>学习官：{{$parentGradeName}}</strong></h3>
        @endif

        <form method="post" action="{{asset('')}}weblogin.html">
            <input name="hiid" id="hiid" value="{{$id}}" type="hidden">
            <input name="histate" id="histate" value="0" type="hidden">
            <input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">
            <ul class="jion-form">
                <li class="user-name"><input name="txtYourName" id="txtYourName" placeholder="姓名" type="text"></li>
                <li class="phone-numb">
                    <input id="txtMobile" name="txtMobile" placeholder="您的手机号" type="tel">
                    <select name="country" id="country">
                        @foreach($countrys as $coun)
                            @if($coun->country_num_code == '86')
                                <option value="{{$coun->country_num_code}}" selected>{{$coun->country_china_name}}</option>
                            @else
                                <option value="{{$coun->country_num_code}}">{{$coun->country_china_name}}</option>
                            @endif
                        @endforeach
                    </select>
                </li>
                <li class="jion-yz-box">
                    <input id="txtMobileCode" name="txtMobileCode" placeholder="验证码" type="text">
                    <input id="btnCode" name="btnCode" value="发送验证码" type="button" class="jion-yz" onClick="get_mobile_code()">
                </li>
            </ul>
            <p><input id="btnSubmit" onclick="return checkFrom();" name="btnSubmit" type="submit" class="mbtn mbtn-sure" value="确定"></p>
        </form>
    </div>
</div>


<div class="head-jion rule-text">
    <div><a>点“确定”按钮，即表示同意</a> <a href="{{url('login-rule')}}">会员服务协议</a></div>
    {{--<img src="{{asset('images/weixin/i-bottom.png')}}">--}}
    <div style="padding-top:10px;padding-bottom:20px;background:#fff;color:#f39700;font-size:1.4rem;">
        <p>购买须知：</p>
        <p>教导读书会APP为企业会员的众智共享平台。企业建立自学习社群，通过线上及线下社群的打造，引入教育引导的管理模式；人人为师、人人互学。引发全体员工群策群力众智共享。加入会员请联系您的推荐学习官。</p>
    </div>
</div>


<div id="loading" style="display: none;" class="please-wait">
    <div class="wait-wrap wait-clock">
        <img src="{{asset('images/clock.png')}}">
        <p class="wait-txt">请稍候</p>
        <p class="loading-dots">
            <span class="wait-dot1"></span><span class="wait-dot2"></span><span class="wait-dot3"></span>
        </p>
    </div>
</div>
</body>
</html>